/* Sections
		 * --------------------------------------- */
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: Hiragino Sans GB, Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; color: white}

	
#fp-nav ul li a span, .fp-slidesNav ul li a span  {
    
    background: white;
} /* 将导航小圆点改成白色 */


.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
} /*将导航条内容居中。 You need to remove the float: left from the inner nav to center it and make it a inline-block. */

.navbar  {
  text-align: center;
} /*将导航条内容居中 */

#profilephoto {
  display: block;
  width: 260px;
  height:260px;
  
}
#wrapper {
  position: relative;
  top: 15%;
  height: 500px;
}
#head {
  height: 1px; 
}

#hcenter {
  width: 260px;
  margin:   auto ;
  
}
h1 {
  color: white;
}



#p1 {
  width: 50%;
  margin: auto;
  color: white;
}

.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#eee;
	height:25px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	top:5;
	left:0;
  width:110px;
  height: 25px;
	font-weight:bold;
	font-size:13px;
	color:#ffffff;
	background:#6adcfa;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	background:rgba(0, 0, 0, 0.1);
	padding:0 20px;
	height:25px;
	line-height:25px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:25px;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.unslider-arrow.next {
  top: 50%;
  left: auto;
  right: 10%;
}
.unslider-arrow.prev {
    top: 50%;
    left: 10%;
    right: auto;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.intro {
  width: 40%;
  margin: 0 auto;
}

#contactbox {
  width: 450px;
  margin: 0 auto;
}

.worksimg {
  opacity: 0.7;
}

#circleBox {
  width: 200px;
  margin: 0 auto;
  
}

.circleLink {
  border-radius: 50%;
  color: white;
  background-color: #3373FC;
  width: 70px;
  height: 70px;
  opacity: 0.8;
}

.fa-linkedin {
  font-size: 40px; 
  color: white;
  margin: 15px 13px 15px 17px ;
}
.fa-github-alt {
   font-size: 40px; 
   margin: 15px 13px 15px 17px ;
}
